<div class="span3">
  <div id="MenuLateral">
    <h4>Juegos</h4>
    <div>
      <p class="pull-right"><i class="icon-chevron-right"></i></p>
      <p>Tiger Beetle</p>
      <small>Invitado por Pablo Ortiz</small>
    </div>
    <div>
      <p class="pull-right"><i class="icon-chevron-right"></i></p>
      <p>New Beetle</p>
      <small>Invitado por Pablo Ortiz</small>
    </div>
    <div>
      <p class="pull-right"><i class="icon-chevron-right"></i></p>
      <p>Fox</p>
      <small>Invitado por Pablo Ortiz</small>
    </div>
  </div>
</div>
<div class="span9">
  <div id="item-details">
     <div class="row-fluid c_border-bottom">
      <div class="span9">
        <p class="c_title-principal">Tiger Beetle</p>
      </div>
      <div class="span1 c_indicador">
        <p>3</p>
        <small>LISTA</small>
      </div>
      <div class="span1 c_indicador">
        <p>3</p>
        <small>CIRCULO</small>
      </div>
      <div class="span1 c_indicador">
        <p>10</p>
        <small>CREDITOS</small>
      </div>
     </div>
     <p class="muted">Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.</p>
     
     <div class="row-fluid c_margin-top">
      <div class="span8" style="position:relative;">
      <div id="IndicadorLista"></div>
        <!-- cuadra de asignación -->
        <div class="well well-small text-center">
          <div class="pull-right label"><i class="icon-ok icon-white t" rel="tooltip" title="Tarea cumplida"></i></div>
          <p class="c_title-sec">1. Asignar</p>
          <p>Tu primer tarea es la de asignar 10 créditos a Pablo Ortiz</p>
          <div class="btn btn-success btn-small c_margin-top">ASIGNAR</div>
          <p><small>esta tarea vence en 5 dìas </small><p>
        </div>
        
        <!-- cuadra de invitación -->
        <div class="well well-small text-center">
          <div class="pull-right label"><i class="icon-remove icon-white t" rel="tooltip" title="Tarea pendiente"></i></div>
          <p class="c_title-sec">1. Invitar</p>
          <p>Invita a participar de este juego a 3 perosnas de tu confianza</p>
          
          <div id="Contenedor-personas" class="row-fluid c_container-personas">
            <div class="c_persona">
              <span class="c_persona-estado"><i class="icon-time"></i></span>
              <img src="${resource(dir: 'images/fotos', file: 'example2.jpg')}" class="img-rounded">
              <p>Pablo Ortiz</p>
            </div>
            <div class="c_persona">
              <span class="c_persona-estado"><i class="icon-time"></i></span>
              <img src="${resource(dir: 'images/fotos', file: 'example2.jpg')}" class="img-rounded">
              <p>Pablo Ortiz</p>
            </div>
            <div class="c_persona">
              <span class="c_persona-estado"><i class="icon-time"></i></span>
              <img src="${resource(dir: 'images/fotos', file: 'example2.jpg')}" class="img-rounded">
              <p>Pablo Ortiz</p>
            </div>
             
          </div>
          <p><small>esta tarea vence en 5 dìas </small><p>
        </div>
      </div> <%-- fin span8--%>
      <div class="span4">
        <div id="ListaInicio">
          <p class="c_title-ter">Lista de Inicio</p>
          <div class="row-fluid c_selected">
            <div class="span1">1.</div>
            <div class="span2"><img src="${resource(dir: 'images/fotos', file: 'example2.jpg')}" class="img-rounded"></div>
            <div class="span9">Pablo Ortiz</div>
          </div>
          <div class="row-fluid c_margin-top-small">
            <div class="span1">2.</div>
            <div class="span2"><img src="${resource(dir: 'images/fotos', file: 'example2.jpg')}" class="img-rounded"></div>
            <div class="span9">Pablo Ortiz</div>
          </div>
          <div class="row-fluid c_margin-top-small">
            <div class="span1">3.</div>
            <div class="span2"><img src="${resource(dir: 'images/fotos', file: 'example2.jpg')}" class="img-rounded"></div>
            <div class="span9">Pablo Ortiz</div>
          </div>
        </div> <!-- fin ListaInicio -->
        
        <div id="DatosUtiles" class="c_margin-top c_separator">
          <p class="c_title-ter">Datos útiles de seguimiento</p>
          <div class="c_indicador c_indicador-large"><span>15</span> <small>OBJETIVO DE PERSONAS</small></div>
          <div class="c_indicador c_indicador-large"><span>5</span> <small>PERSONAS ACTUALES</small></div>
          <div class="c_indicador c_indicador-large"><span>12-MAR</span> <small>VENCIMIENTO TAREAS</small></div>
        </div> <!-- fin DatosUtiles -->
      </div> <!-- fin span4 -->
     </div>  
  </div>
</div>
      